<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/WEB-INF/template_admin.xhtml">
        <ui:define name="title">
            <h:outputText value="#{bundle.EditMultaTitle}"></h:outputText>
        </ui:define>
        <ui:define name="content">
            <p:growl id="growl" life="3000"/>

            <p:panel id="panel" header="Editar... " styleClass="panel" style="width: 600px">
                <h:form>
                    <p:focus />
                    <h:panelGrid columns="3">
                        <p:outputLabel value="#{bundle.EditMultaLabel_multaFecha}" for="multaFecha" />
                        <p:calendar id="multaFecha" value="#{multaController.selected.multaFecha}" pattern="dd/MM/yyyy HH:mm:ss a" 
                                    title="#{bundle.CreateMultaTitle_multaFecha}" required="true" requiredMessage="#{bundle.CreateMultaRequiredMessage_multaFecha}" 
                                    locale="es" effect="fadeIn" navigator="true" showOn="button" />
                        <p:message for="multaFecha" />
                        <p:outputLabel value="#{bundle.EditMultaLabel_multaMonto}" for="multaMonto" />
                        <p:inputText id="multaMonto" value="#{multaController.selected.multaMonto}" title="#{bundle.EditMultaTitle_multaMonto}" required="true" requiredMessage="#{bundle.EditMultaRequiredMessage_multaMonto}"/>
                        <p:message for="multaMonto" />
                        <p:outputLabel value="#{bundle.EditMultaLabel_multaEstado}" for="multaEstado" />
                        <p:inputText id="multaEstado" value="#{multaController.selected.multaEstado}" title="#{bundle.EditMultaTitle_multaEstado}" required="true" requiredMessage="#{bundle.EditMultaRequiredMessage_multaEstado}"/>
                        <p:message for="multaEstado" />
                        <p:outputLabel value="#{bundle.EditMultaLabel_multaFechaPago}" for="multaFechaPago" />
                        <p:calendar id="multaFechaPago" value="#{multaController.selected.multaFechaPago}" pattern="dd/MM/yyyy HH:mm:ss a" 
                                    title="#{bundle.CreateMultaTitle_multaFechaPago}" required="true" requiredMessage="#{bundle.CreateMultaRequiredMessage_multaFechaPago}" 
                                    locale="es" effect="fadeIn" navigator="true" />
                        <p:message for="multaFechaPago" />
                        <p:outputLabel value="#{bundle.EditMultaLabel_multaMtId}" for="multaMtId" />
                        <p:selectOneMenu id="multaMtId" value="#{multaController.selected.multaMtId}" title="#{bundle.EditMultaTitle_multaMtId}" required="true" requiredMessage="#{bundle.EditMultaRequiredMessage_multaMtId}">
                            <f:selectItems value="#{multaTipoController.itemsAvailableSelectOne}"/>
                        </p:selectOneMenu>
                        <p:message for="multaMtId" />
                    </h:panelGrid>
                    <br />
                    <p:commandButton action="#{multaController.update}" value="Guardar" update=":growl, :panel" icon="ui-icon-disk"/>
                    <p:commandButton action="#{multaController.prepareList}" value="Mostrar lista de usuarios" immediate="true" icon="ui-icon-check"/>
                    <br />
                    <br />
                </h:form>
            </p:panel>
        </ui:define>
    </ui:composition>

</html>
